import styled from 'styled-components'
import Border1px from 'components/style/Border1px'

const ListContainer = styled.div`
height:100%;
display:flex;
flex-direction:column;
.am-navbar{
  background:#ee7530;
  input {
    width:5.6rem;
    background:#d46027;
    border:none;
    border-radius:0.1rem;
  }
  .am-icon-search{
    margin-right:0 !important;
  }
  svg{
    fill: white;
  }
}

.itemContainer{
  flex:1
}


`
const Item = styled.div `
display:flex;
padding:0.2rem;
img {
  width:2.3rem;
  height:1.5rem;
}
.content{
  width:0;
  flex:1;
  margin-left:0.3rem;
  h2{
  line-height:0.8rem;
  font-weight:300;
  }
  h3{
    line-height:0.3rem;
    font-weight:300;
  }
  span{
    line-height:0.5rem;
  }
}
`

const ItemContainer = Border1px(Item,'0rem 0rem 0.01rem 0rem','#cccccc')


const Burdens = styled.h3 `
  width:95%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
`

export {
  ListContainer,
  ItemContainer,
  Burdens
}
  